<!--Last Updated: lid6j86 @ 25 Feb 2012 : 1851 KOR -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <!--CSS imports 
        traelid_primary.css (primary stylesheet for the entire site)
        -->
        <link rel="stylesheet" type="text/css" href="./styles/traelid_color.css" />
    
    	<!--Site Specific Styles-->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!--Title Bar display of browser -->
        <title>TraeLid Designs</title>
    </head>

<body>
    <div id="body">
   	  <!--TraeLid Logo and Header information-->
        <div id="logo_bar">
            <img src="images/Color/traelid2.png" align="right"  class="logo" />
        </div>
        
        
        <!--Navigation Bar-->
        <div id="nav_bar"> 
        	<a href="javascript:void(0);" class="homelink navlink">Home</a>
       	    <a href="javascript:void(0);" class="accountlink navlink">Account</a>
   	    	<div id="loading">Loading, Please Wait<img class="loadingimage" src="images/Color/loader.gif" /></div>
        </div>
        
        <!--Main body, loaded by jquery-->    
        <div id="content">
        </div>
</div>

<!--JQUERY LOAD-->
<script src="jquery/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function ()
	{
		/*Load Main Body at page startup*/
		$('#loading').show();
		$('#content').load('home.php');
		$('#loading').hide();
	});
	
	$(document).ready(function ()
	{
		/*NAVBAR LINKS */
		$('.homelink').live('click',function()
		{
			$('#loading').show();
			$('#content').load('home.php');
			$('#loading').hide();
		});
		
		$('.accountlink').live('click',function()
		{
			$('#loading').show();
			$('#content').load('/account/index.php');
			$('#loading').hide();
		});	
	});
</script>

</body>
</html>